
<style lang="less">
.cps-svg-info {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 1px;
    // .stroke {
    //     stroke: #d2d2d2;
    // }
    // .fill {
    //     fill: #d2d2d2;
    // }
}
</style>

<template>
    <svg class="cps-svg-info" :width="width | px2rem" viewBox="0 0 30 30">
        <g fill="none" fill-rule="evenodd">
            <path d="M15.25 7.008c.685-.063 1.34.27 1.65.838.31.568.21 1.253-.253 1.724-.462.471-1.19.631-1.832.402-.642-.228-1.065-.798-1.065-1.434-.04-.805.63-1.489 1.5-1.53zM10 15.468s2.765-2.56 4.5-3.08c2.8-.841 2.564 1.23 2.25 2.31a40.528 40.528 0 0 0-1.5 6.931c-.155 1.137 3.75 0 3.75 0s-3.778 2.814-5.25 2.31c-1.182-.404-1.065-1.663-.713-2.956.976-3.604.972-4.151 1.463-6.284.176-.767-4.5.77-4.5.77z" fill-opacity=".4" fill="#000" />
            <circle stroke-opacity=".2" stroke="#000" cx="15" cy="15" r="14.5" />
        </g>
    </svg>
</template>

<script>
export default {
    name: "cps-svg-info",
    props: {
        width: {
            type: Number,
            default: 30
        }
    }
}
</script>